<template>
  <div>
    <div class="no" v-show="!flag">正在加载中@@@</div>
    <div id="app" v-show="flag">
      <!-- <keep-alive> -->
      <router-view :info=$route.params></router-view>
      
      <!-- </keep-alive> -->
    </div>
  </div>
</template>

<script>
export default {
  name: "App",
  data() {
    return {
      flag: false,
      
    };
  },
  mounted() {
    this.$bus.$on("routingPop", ({index, ind, i}) => {    
      this.$router.push({
        name: "show",
        params:{index, ind, i}
      });
    });

    this.flag = true

    

    // this.axios.get("http://127.0.0.1:5500/data.json").then(
    //   (res) => {
    //     console.log(res);
    //     this.$store.commit("getDataAbout/getData", res.data);
    //     // this.flag = true
    //   },
      // (err) => {
      //   // console.log(err);
      // }
    // );

    
  },
};
</script>

<style>
* {
  margin: 0;
  padding: 0;
  list-style-type: none;
  box-sizing: border-box;
}
#app{
  height: 100vh;
  background: #eee;
}
</style>
